@charset "UTF-8";
@import './_reset';
@function r($px){
	@return $px / 50px * 1rem
}
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.web{
	width: 100%;
	height: 100%;
	position: relative;
	input{
		position: absolute;
		top: r(10px);
		right: r(10px);
		z-index: 999;
	}
	input:checked + .search_web{
		transform: translateX(0);
		// z-index: 999;
	}
	.search_logo img{
		position: absolute;
		top: r(20px);
		right: r(15px);
		width: r(42px);
		height: r(42px);
		z-index: 999;
		// 	margin-top: r(20px);
		// 	margin-right: r(15px);
	}
	}

.header_content{
	width: 100%;
	height: r(89px);
	background-color: #b20000;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	.left_logo{
		margin-left: r(23px);
		margin-top: r(32px);
		width: r(23px);
		height: r(29px);
		// background-color: blue;
		img{
			width: 100%;
			height: 100%;
		}
		
	}
	.middle_logo{
		display: inline-block;
		width: r(264px);
		height: r(40px);
		margin-top: r(23px);
		img{
			width: 100%;
			height: 100%;
		}
	}
	}
	.search_logo{
		width: r(42px);
		height: r(42px);
		margin-top: r(28px);
		margin-right: r(15px);
		z-index: 999;

		img{
			width: 100%;
			height: 100%;
			// z-index: 999;
		}

		.search_web{
			width: 100%;
			height: r(1136px);
			background-color: rgba(0,0,0,.3);
			position: absolute;
			top: r(0px);
			left: r(0px);
			transform: translateX(100%);
			transition: all .3s;
			.line1{
				.right{
					position: relative;
				.icon-fangdajing{
					font-size: r(50px);
					position: absolute;
					top: r(3px);
					left: r(5px);
				}
				.searchbox{
					width: r(400px);
					height: r(60px);
					border: 1px solid #FFFFFF;
					border-radius: r(30px);
				}
				}
			}
		}

		
	}
.footer_content li{
		width: 20%;
		float: left;
		text-align: center;
		// line-height: r(96px);
		.iconfont{
			font-size: r(56px);
		}
		p{
			font-size: 12px;
		}
		a{
			text-decoration: none;
		}
	}
.footer_content{
			width: 100%;
			height: r(96px);
			background-color: #FFFFFF;
			position: absolute;
			left: 0;
			bottom: 0;
		}
.section_content{
	width: 100%;
	height: 80%;
	background-color: #FFFFFF;
	overflow: auto;
	padding: r(89px) 0;
	.lunbo{
		width: 100%;
		img{
			width: 100%;
		}
	}
	.vedio_box{
		width: 100%;
		height: r(618px);
		background-color: #FFFFFF;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		align-content: space-around;
		// align-items: flex-start;
		
		&>div{
			width: r(583px);
			height: r(173px);
			background-color: #FFFFFF;
		}
		.box1{
			display: flex;
			justify-content: space-between;
			padding-top: r(22px);
			.left{
				width: r(207px);
				height: r(141px);
				img{
					width: 100%;
					height: 100%;
				}
			}
			.right{
				width: r(358px);
				height: r(141px);
				.title{
					
					font-size: r(26px);
					font-weight: bolder;
					margin-bottom: r(10px);
				}
				.content{
					font-size: r(22px);
					color: #d5d5d5;
					margin-bottom: r(32px);
				}
				.detail{
					color: #aaaaaa;
					width: r(165px);
					height: r(31px);
					display: flex;
					justify-content: space-between;
					.time{
						font-size: r(18px);
					}
					.eye{
						width: r(69px);
						display: flex;
						justify-content: space-between;
						.iconfont{
							font-size: r(13.05px);
						}
						.num{
							font-size: r(18px);
						}
					}
				}
			}
		}
	}
	}
.loadmore{
	width: r(582px);
	height: r(59px);
	line-height: r(59px);
	text-align: center;
	font-size: r(22px);
	color: #cecece;
	background-color: #FFFFFF;
	margin: 0 auto;
	margin-top: r(33px);
}